<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/talk.css">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" id="navbar"  role="navigation">
    <div class="container-fluid" id="nav">
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a class="navbar-brand">Bank</a></li>
                <li><a class="active" href="/isa">关于我们</a></li>
                <li><a href="/talk">论坛</a></li>
                <li><a href="/blog">博客</a></li>
                <li><a href="/note">通知</a></li>
                <li><a>资源</a></li>
                <li><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >活动<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/activity">招新</a></li>
                        <li><a href="/activity">培训</a></li>
                        <li><a href="/activity">ctf专业队</a></li>
                        <li><a href="/activity">微信挑战赛</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right" id="user">
               <li><img src="{{user['lcom']}}"></li>
               <li>
                   <a id="username">{{name}}<span class="caret"></span></a>
                   <ul id="userdown">
                       <li>
                           <a href="#" type="btn" id="modify">修改头像</a>
                       </li>
                       <li><form action="logout" method="post"><button id="logout" type="submit">退出登录</button></form></li>
                   </ul>
               </li>
            </ul>
        </div>
    </div>
</nav>
<div id="part1">
    <div class="p1text">Share Your Idea With Us</div>
    <img src="../static/image/3.png" class="cloud1">
    <img src="../static/image/4.png" class="cloud2">
    <img src="../static/image/street.png" class="street">
</div>
<div id="part2">
    <form id="edit" method="post" action="talk">
        <span class="p1">相关评论</span>
        <span class="p2">(已有评论{{count}}条）</span>
        <hr>
        <div class="shuru">
            <input type="text" placeholder="发表评论" class="editform" name="talk" >
        </div>
        <button class="btn" type="submit" id="editbtn">
            <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
            评论
        </button>
    </form>
    {% for talk in talks %}
    <div class="container">
        <img src="{{talk['image']}}">
        <div class="box">
            <div id="author">{{talk['name']}}</div>
            <div class="word">
                {{talk['talk']}}
            </div>
            <p id="time">{{talk['time']}}</p>
            <form id="delete" method="post" action="talks">
                <input name="del" value="{{talk['time']}}" hidden>
                <button class="delbtn" type="submit">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
            </button>
            </form>
            <hr>
        </div>
    </div>
    {% end %}

</div>
<script src="../static/bootstrap/jquery/jquery.min.js"></script>
<script src="../static/bootstrap/js/bootstrap.min.js"></script>
<script src="../static/js/talk.js"></script>
</body>
</html>